<!DOCTYPE html>
<html
        xmlns:th="http://www.thymeleaf.org"
        layout:decorate="main"
        xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
        xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>用户管理</title>
    <link th:href="@{/localcss/crmlist.css}" href="../static/localcss/crmlist.css" rel="stylesheet">
</head>
<body>
<div layout:fragment="content">
    <div class="">
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>
                            用户管理 <i class="fa fa-user"></i>
                            <small>
                                - 您可以通过搜索或者其他的筛选项对用户的信息进行编辑、删除等管理操作。^_^
                            </small>
                        </h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                         <form method="post" action="/right/list" th:action="@{/right/list}">
                             <input type="hidden" name="pageIndex" value="1"/>
                             <ul>
                                 <li>
                                     <div class="form-group">
                                         <label class="control-label col-md-3 col-sm-3 col-xs-12">编号</label>
                                         <div class="col-md-6 col-sm-6 col-xs-12">
                                             <input name="rightCode" type="text" th:value="${rightCode}"
                                                    class="form-control col-md-6 col-xs-12" value="">
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <div class="form-group">
                                         <label class="control-label col-md-3 col-sm-3 col-xs-12">名称</label>
                                         <div class="col-md-6 col-sm-6 col-xs-12">
                                             <input name="rightText" type="text" th:value="${rightText}"
                                                    class="form-control col-md-6 col-xs-12" value="">
                                         </div>
                                     </div>
                                 </li>
                                 <li>
                                     <button type="submit" class="btn btn-primary"> 查 &nbsp;&nbsp;&nbsp;&nbsp;询</button>
                                 </li>
                             </ul>
                         </form>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_content">
                        <p class="text-muted font-13 m-b-30"></p>
                        <div id="datatable-responsive_wrapper"
                             class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <a href="/right/toadd" th:href="@{/right/toadd}"
                                       class="btn btn-success btn-sm">新增资源信息</a>
                                    <table id="datatable-responsive"
                                           class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                           cellspacing="0" width="100%" role="grid"
                                           aria-describedby="datatable-responsive_info" style="width: 100%;">
                                        <thead>
                                        <tr role="row">
                                            <th class="sorting_asc" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="First name: activate to sort column descending"
                                                aria-sort="ascending">编号
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="Last name: activate to sort column ascending">
                                                父级编号
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="Last name: activate to sort column ascending">
                                                名称
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="Last name: activate to sort column ascending">
                                                路径
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="Last name: activate to sort column ascending">
                                                类型
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                aria-label="Last name: activate to sort column ascending">
                                                操作
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr role="row" class="odd" th:each="right:${ipage.records}">
                                            <td tabindex="0" class="sorting_1" th:text="${right.rightCode}">rightCode</td>
                                            <td th:text="${right.rightParentCode}">rightParentCode</td>
                                            <td th:text="${right.rightText}">rightText</td>
                                            <td th:text="${right.rightUrl}">url</td>
                                            <td th:text="${right.rightType}">rightType</td>
                                            <td>
                                                <div class="btn-group">
                                                    <button type="button" class="btn btn-danger">点击操作</button>
                                                    <button type="button" class="btn btn-danger dropdown-toggle"
                                                            data-toggle="dropdown" aria-expanded="false">
                                                        <span class="caret"></span>
                                                        <span class="sr-only">Toggle Dropdown</span>
                                                    </button>
                                                    <ul class="dropdown-menu" role="menu">
                                                        <li><a class="editInfo" href="/right/toedit?right=1"
                                                               th:href="@{/right/toedit(rightCode=${right.rightCode})}"
                                                               data-toggle="tooltip" data-placement="top" title=""
                                                               data-original-title="编辑">编辑</a></li>
                                                        <li><a class="delInfo" id="del" th:title="${right.rightCode}"
                                                               href="#"
                                                               th:onclick="|doDel(this)|" data-toggle="tooltip"
                                                               data-placement="top"
                                                               data-original-title="删除">删除</a></li>
                                                    </ul>
                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                  <div class="col-sm-5">
                                      <div class="dataTables_info" id="datatable-responsive_info"
                                           role="status" aria-live="polite">共<span
                                              th:text="${ipage.getTotal() }">1</span>条记录
                                          <span th:text="${ipage.current }">1</span>/<span
                                                  th:text="${ipage.pages }">1</span>页
                                      </div>
                                  </div>
                                  <div class="col-sm-7">
                                <div class="dataTables_paginate paging_simple_numbers"
                                     id="datatable-responsive_paginate">
                                    <ul class="pagination">
                                        <li class="paginate_button previous" th:if="${ipage.current gt 1}"><a
                                                href="javascript:page_nav(document.forms[0],1);"
                                                aria-controls="datatable-responsive" data-dt-idx="0"
                                                tabindex="0">首页</a>
                                        </li>
                                        <li class="paginate_button " th:if="${ipage.current gt 1}"><a
                                                href="#"
                                                th:onclick="'javascript:page_nav(document.forms[0],'+${ipage.current-1 }+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">上一页</a>
                                        </li>
                                        <li class="paginate_button "
                                            th:if="${(ipage.current) lt ipage.pages}"><a
                                                href="#"
                                                th:onclick="'javascript:page_nav(document.forms[0],'+${ipage.current+1 }+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="1"
                                                tabindex="0">下一页</a>
                                        </li>
                                        <li class="paginate_button next"
                                            th:if="${(ipage.current) lt ipage.pages}"><a
                                                href="#"
                                                th:onclick="'javascript:page_nav(document.forms[0],'+${ipage.pages }+');'"
                                                aria-controls="datatable-responsive" data-dt-idx="7"
                                                tabindex="0">最后一页</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script layout:fragment="js">
    function doDel(obj) {
        if (confirm("你确定需要删除该用户信息吗？")) {
            var objstr = obj;
            console.log(objstr);
            var rightCode = objstr.getAttribute("data-original-title");
            console.log(rightCode);
            $.ajax({
                type: "GET",
                url: "/right/del",
                data: "rightCode=" + rightCode,
                dataType: "json",
                success: function (data) {
                    if (data.delResult == "true") {//删除成功：移除删除行
                        alert("删除成功！");
                        $(obj).parents("tr").remove();
                    }
                },
                error: function (data) {
                    alert("对不起，删除失败！");
                }
            });
        }
    }
</script>
</html>